<template>
  <div>
    <HomeHero title="企者不立，跨者不行" />
    <div class="container">
      <BlogPost />
      <BlogPost title="Hello" :content="content.html" />
      <BlogPost title="Hello" />
      <BlogPost title="Hello" />
    </div>
  </div>
</template>

<script>
import HomeHero from "../components/HomeHero";
import BlogPost from "../components/BlogPost";
import Markdown from "@nuxt/markdown";
export default {
  async asyncData({}) {
    let md = new Markdown();
    let content = await md.toMarkup(`
* Hello
  * Hello
  * HHHH
    * aaa

# 123
    `);
    return { content };
  },
  components: {
    HomeHero,
    BlogPost
  },
  head: {
    title: "Neal Free"
  }
};
</script>

<style>
</style>